<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>评论区</title>
		<style>
			div#parent{width: 600px;
				height: 300px;
				border: 1px solid red; 
				margin-bottom: 40px;
			}
			div#son{width: 450px;
			border: 1px solid red;
			margin-top: 40px;
			margin-left: 40px;
			margin-right: 40px;
				
			}
			div#d1 {
			    width: 30px;
			    height: 30px;
				 margin-left: 0px;
			    margin-bottom: -32px;
				 text-align: center;
			    border: 1px solid white;
			}
			div#d2 {
			    width: 30px;
			    height: 30px;
				   text-align: center;
				 margin-bottom: -32px;
			    margin-left: 50px;
				
			    border: 1px solid red;
				 text-align: center;
			}
			div#d3 {
			    width: 30px;
			    height: 30px;
				 margin-bottom: -32px;
			    margin-left: 100px;
			    border: 1px solid red;
				 text-align: center;
			}
			div#d4 {
			   width: 30px;
			   height: 30px;
			   margin-bottom: -32px;
			   margin-left: 150px;
			    border: 1px solid red;
				
				 text-align: center;
			}
			div#d5 {
			   width: 30px;
			   height: 30px;
			  margin-bottom: -32px;
			    margin-left: 200px;
			   border: 1px solid red;
			    text-align: center;
			   
			}
			div#d6{  width: 30px;
			    height: 30px;
				 margin-bottom: -32px;
			     margin-left: 250px;
			   border: 1px solid red;
			    text-align: center;
				
			}

		</style>
	</head>
	<body>
		
		<div id="parent"><div id="son"></div></div>
		<div id="d1">1</a> <br></div>
		<div id="d2"><a href="http://www.baidu.com"target="_blank">2</a> <br></div>
		<div id="d3"><a href="http://www.baidu.com"target="_blank">3</a> <br></div>
		<div id="d4"><a href="http://www.baidu.com"target="_blank">4</a> <br></div>
		<div id="d5"><a href="http://www.baidu.com"target="_blank">5</a> <br></div>
		<div id="d6"><a href="http://www.baidu.com"target="_blank">6</a> <br></div>
	</body>
</html>